@import url("pcbase.css");

.index-txt{text-align:center;margin: 30px  auto;}
.index-txt h2,.index-txt strong{color:#333;font-size:46px;line-height:1.1;display:block}
.index-txt h2:after,.index-txt h2:before,.index-txt strong:after,.index-txt strong:before{content:'';display:inline-block;vertical-align:middle;width:35px;height:26px;background-repeat:no-repeat;margin-top:-6px}
.index-txt h2:before,.index-txt strong:before{background-image:url(../images/tit-icon01.png);margin-right:20px}
.index-txt h2:after,.index-txt strong:after{background-image:url(../images/tit-icon02.png);margin-left:20px}
.index-txt p{ width: 75%; color:#666;font-size:16px;line-height:15px;margin:30px auto 0 auto}


.index-cate{}
.case-con{position:relative;}
.case-con .layui-tab-title{ height: 120px;margin:15px auto 50px auto;}
.case-con .layui-tab-title:before{ content: ""; position: absolute; width: 100%; height: 100%; background: #000; top:8px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px; opacity: .1; z-index: 1;}
.case-con .layui-tab-title::after{ content: ""; position: absolute; width: 100%; height: 100%; background:url(../images/case-line.png) left top; top:0;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px; z-index: 2;}
.case-con .layui-tab-title .layui-this:after{ width:1px; background-color: #aaa; right: 0px; left:inherit;border: 0;}

.case-tab{padding:40px 0;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(37,92,79,.15);-moz-box-shadow:0 5px 20px rgba(37,92,79,.15);-ms-box-shadow:0 5px 20px rgba(37,92,79,.15);-o-box-shadow:0 5px 20px rgba(37,92,79,.15);box-shadow:0 5px 20px rgba(37,92,79,.15);position: relative; z-index: 9;}
.case-tab li{float:left;width:20%;text-align:center;color:#666;font-size:24px;line-height:40px;position:relative;cursor:pointer;z-index: 9;}
.case-tab li:after{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#aaa}
.case-tab li:last-child:after{display:none}
.case-tab li.case-on,.case-tab li:hover{color:#284386;font-weight:700}
.case-list li{margin-bottom:80px}


.pro-item{}
.pro-item li{width:25%;float:left;}
.pro-item.am-thumbnails > li{ padding: 0 1rem 1rem 1rem;}
.pro-item li .img{border-radius:20px 20px 0 0;-webkit-box-shadow:0 4px 7px rgba(4,16,44,.27);-moz-box-shadow:0 4px 7px rgba(4,16,44,.27);box-shadow:0 4px 7px rgba(4,16,44,.27);margin-bottom:20px;position:relative;z-index:1;overflow:hidden;padding-top:71%}
.pro-item li .img img{display:block;width:100%;height:auto;border-radius:20px 20px 0 0;position:absolute;top:0;left:0}
.pro-item li .txt{background:url(../images/pro-bg.png) no-repeat center;-webkit-background-size:100%;-moz-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;padding:18px 0 15px;position:relative}
.pro-item li .txt:before{content:'';width:24px;height:95px;background:url(../images/pro-dot.png) no-repeat;position:absolute;left:28px;bottom:22px}
.pro-item li .txt:after{content:'';width:24px;height:95px;background:url(../images/pro-dot.png) no-repeat;position:absolute;right:28px;bottom:22px}
.pro-item .txt h3 a{display:block;text-align:center;color:#fff;font-size:22px;line-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 45px}
.pro-item li:hover .img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.pro-item li:hover h3 a{color:#ff1f22}


.index-goods{position: relative;margin-bottom: 75px;background: url(../images/index-bg2.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding:38px 0 40px;}
.index-goods img{display: block;width: 100%;}
.index-goods .content{width: 53%;background-color: #ffffff;padding:55px 158px 0 40px;height: 173px;border-left:6px solid #4d7dff;position: relative;margin-left: 47%;}
.index-goods .content strong{display: block;font-size: 32px;color: #333333;line-height: 42px;font-weight: normal;margin-bottom: 6px;}
.index-goods .content p{font-size: 18px;color: #333333;line-height: 28px;}
.index-goods .content .dzfa{display: block;position: absolute;top: 38px;right: 48px;}
.index-goods span{display: block;font-size: 14px;line-height: 24px;padding:0 10px;position: absolute;left: 10px;top: 0;border:1px solid #e8e8e8;background-color: #fff;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.index-goods .content:hover span{opacity: 1;filter:alpha(opacity=100);}

.index-case{background:url(../images/index-bg01.jpg) no-repeat bottom center;padding-bottom:0;-webkit-background-size:100%;-moz-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;margin:60px auto 0 auto;}
.case-list{margin-top:63px;margin-left:-2%}
.case-list li{float:left;width:31.2%;margin-left:2%;position:relative}
.case-list li .img{border-radius:18px 18px 100% 100%/18px 18px 15% 15%;-webkit-box-shadow:0 5px 10px rgba(22,35,67,.25);-moz-box-shadow:0 5px 10px rgba(22,35,67,.25);box-shadow:0 5px 10px rgba(22,35,67,.25)}
.case-list li .img img{border-radius:18px 18px 100% 100%/18px 18px 15% 15%;display:block;width:100%}
.case-list li .case-text{padding:0 10px 0 5px;box-sizing:border-box;position:relative;margin-top:-70px}
.case-text .con{background:url(../images/index-bg02.png) no-repeat;padding:15px 24px 0 30px;box-sizing:border-box;border-radius:8px;-webkit-background-size:100%;-moz-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;height:212px}
.case-text h3 a{display:block;text-align:center;font-size:22px;font-weight:700;color:#26376d;line-height:42px;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-text span{display:block;font-size:18px;line-height:33px;padding-left:45px}
.case-text span.one1{color:#ff1f22;margin-bottom:15px;background:url(../images/icon01.png) no-repeat left center}
.case-text span.one2{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/icon02.png) no-repeat left center}
.case-text span.two a{color:#ff1f22}
.case-text span strong{color:#333}
.case-text .more{display:block;width:52px;height:52px;background:#fff url(../images/arr.png) no-repeat center;border-radius:50%;position:absolute;left:50%;margin-left:-29px;bottom:0px;-webkit-box-shadow:0 5px 15px rgba(22,35,67,.2);-moz-box-shadow:0 5px 15px rgba(22,35,67,.2);box-shadow:0 5px 15px rgba(22,35,67,.2)}
.case-text h3:hover a{color:#ff1f22}
.case-text .more:hover{background-position:25px center}



.index-news{margin-top:100px}
.index-news .index-txt{margin-bottom:40px}
.news-box{float:left;width:47%}
.box-fr{margin-left:6%}
.news-txt{line-height:40px}
.txt-more{float:right;width:50px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.txt-more:hover{margin-right:-5px}
.txt-con{overflow:hidden;display:block;color:#333;font-size:30px;font-weight:700}
.txt-con:before{content:'';display:inline-block;vertical-align:middle;width:49px;height:34px;background:url(../images/tit-icon03.png) no-repeat;margin-right:15px;margin-top:-2px}
.txt-con:hover{color:#255c4f}
.box-hot{margin-top:30px}
.box-hot li{padding:20px;background-color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 3px 15px rgba(37,92,79,.15);-moz-box-shadow:0 3px 15px rgba(37,92,79,.15);-ms-box-shadow:0 3px 15px rgba(37,92,79,.15);-o-box-shadow:0 3px 15px rgba(37,92,79,.15);box-shadow:0 3px 15px rgba(37,92,79,.15);overflow:hidden;position:relative;margin-bottom:40px}
.box-pic{float:left;width:200px}
.box-pic a{display:block;position:relative;padding-top:66.25%;overflow:hidden}
.box-pic a:before{content:" ";position:absolute;z-index:1;top:20px;left:-200px;width:240px;height:40px;background:rgba(255,255,255,.3);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;transition:all .15s ease-in-out}
.box-pic a:hover:before{margin-left:400px}
.box-pic a img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}
.box-info{display:block;overflow:hidden;padding:6px 20px}
.box-info a{display:block;color:#333;font-size:18px;line-height:28px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.box-info a:hover{color:#255c4f}
.box-info p.box-font{line-height:26px;height:52px;margin-top:10px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.box-info span{display:inline-block;color:#aaa;font-size:16px;margin-top:12px}
.box-more{position:absolute;right:0;bottom:0;width:42px;line-height:42px;text-align:center;background-color:#255c4f;-webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;-ms-border-top-left-radius:10px;-o-border-top-left-radius:10px;border-top-left-radius:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.box-more i{ color: #fff; font-size:22px;}
.box-more:hover{width:50px}
.box-list li{line-height:34px;margin-top:40px}
.box-list li span{float:right;width:90px;margin-left:20px;color:#aaa;font-size:16px}
.box-list li a{display:block;overflow:hidden;color:#666;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.box-list li a:before{content:'';display:inline-block;vertical-align:middle;width:26px;height:26px;background:url(../images/news-icon.png) no-repeat;margin-right:8px;margin-top:-6px}
.box-list li:hover a{margin-left:4px;color:#255c4f}


.about-tit{position:relative;z-index:1}
.about-tit h2{font-size:42px;color:#26376d;font-weight:700;line-height:60px;display:inline-block;margin-top:30px;text-indent:55px}
.about-tit h2:after,.about-tit h2:before{content:'';width:23px;height:31px;background:url(../images/index-tag.png) no-repeat center;display:inline-block}
.about-tit h2:before{margin-right:30px}
.about-tit h2:after{margin-left:30px}
.about-tit:after{content:'';position:absolute;bottom:20px;left:0;z-index:-1;width:100%;height:83px}
.about-tit.tit:after{background:url(../images/about-wz.png) no-repeat left center}
.about-tit.tit01:after{background:url(../images/about-wz01.png) no-repeat center;left:28px}
.about-wrapper{padding-bottom:120px;position:relative}
.about-wrapper .wrap{position:relative;z-index:1}
.about-wrapper:after{content:'';width:299px;height:155px;background:url(../images/about-dot.png) no-repeat;position:absolute;bottom:-15px;left:10%}
.about-box .ab-left{float:left;width:51%;margin-top:40px}
.about-box .ab-left .con{margin:30px 0 40px 55px;padding-right:46px}
.about-box .ab-left p{font-size:16px;line-height:42px}
.about-ls{max-width:1006px;width:100%;background:rgba(255,255,255,.9);border-radius:16px;-webkit-box-shadow:0 6px 35px rgba(0,0,0,.2);-moz-box-shadow:0 6px 35px rgba(0,0,0,.2);-ms-box-shadow:0 6px 35px rgba(0,0,0,.2);-o-box-shadow:0 6px 35px rgba(0,0,0,.2);box-shadow:0 6px 35px rgba(0,0,0,.2);position:absolute;bottom:28px;z-index:3}
.about-ls li{width:25%;float:left;text-align:center;margin:36px 0 30px;position:relative}
.about-ls li strong{display:block;font-size:40px;line-height:58px;color:#354775;background-image:-webkit-gradient(linear,left top,right top,from(#8098da),to(#354775));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.about-ls li span{display:block;font-size:22px}
.about-ls li:after{content:'';width:2px;height:32px;background:#eaedf7;position:absolute;right:0;top:45%}
.about-ls li:last-child:after{display:none}
.about-box .ab-factory{float:right;width:48.8%;position:relative;z-index:1;margin-bottom:45px;border-radius:10px 10px 10px 100px;overflow: hidden;}